<!DOCTYPE html>
<html>
    <head>
        <title>SAC - Cadastro</title>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
        <link type="text/css" href="css/common.css" rel="stylesheet"/>

        <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>
        <script type="text/javascript" src="js/jquery.init.js"></script>
    </head>
    <body>
        <div id="formulario">
            <form action="./cadastroSac" method="POST">
                <div>
                    <h1>SAC - Cadastro</h1>
                </div>
                <fieldset>
                    <div style="text-align: justify">
                        <label title="lblData">Data: </label>
                        <input type="text" name="data" id="data"/><br><br>
                        <label title="lblNome">Nome: </label>
                        <input type="text" name="nome"/><br><br>
                        <label title="lblSobrenome">Sobrenome: </label>
                        <input type="text" name="sobrenome"/><br><br>
                        <label title="lblProduto">Produtos: </label>
                        <select name="produto">
                            <option >Samsung Galax SII</option>
                            <option >Samsung Galax SIII</option>
                            <option >Google Nexus</option>
                            <option >iPhone 4</option>
                            <option selected="">iPhone 4S</option>
                            <option >iPhone 3GS</option>
                            <option >iPad</option>
                            <option >iPhone 4S</option>
                            <option >iPhone 5</option>
                        </select><br><br>
                        <label title="lblGrau">Grau: </label>
                        <select name="grau">
                            <option selected="">Satisfeito</option>
                            <option>Insatisfeito</option>
                        </select><br><br>
                        <label title="lblComentrio">Comentário: </label><br>
                        <textarea name="comentario"></textarea><br><br>
                        <label title="lblSexo">Sexo: </label>
                        <input type="radio" name="radioSexo" value="F">F
                        <input type="radio" name="radioSexo" value="M" checked>M
                        <input type="radio" name="radioSexo" value="Indefinido">Indefinido<br><br>
                        <div id="pergunta">
                            <span title="lblPergunta">Deseja receber nossas novidades?</span>
                            <input type="radio" name="ckekResposta" checked>Sim
                            <input type="radio" name="ckekResposta">Não
                        </div>
                    </div>
                    <div style="text-align: justify">
                        <br>
                        <button type="submit" name="btnEnviar">Enviar</button>
                        <button type="reset" name="btnLimpar">Limpar</button>
                    </div>
                    <div id="voltarMenu">
                        <a href="index.html">Voltar Menu</a>
                    </div>
                </fieldset>
            </form>
        </div>

        <script type="text/javascript">    
            $(function(){
                $('#data').datepicker();
            });
        </script>
    </body>
</html>